import styled from "styled-components";
const MoTaiKuanStyle = styled.div`
display: inline;
  .a_box{
    padding-right: 6px;
  }

`
const DivBox=styled.div`
  display: flex;
  justify-content: space-between;
 
  .div_left{
    width: 50%;
    /* border: 1px solid red; */
    margin-left: 30px;
    .ant-input{
      /* width: 220px; */
    }
    .form2{
      margin-left:13px;
    }
    .p_box{
      padding-left:13px;
    }
    .ant-switch{
      min-width: 60px;
      margin-left: 10px;
    }
    .btn_box{
      display: flex;
      .p_button{
        display: block;
        width: 94px;
        margin-left: 13px;
        }
       .button_box{
         display: flex;
         flex-wrap: wrap;
        
         .ant-btn{
           padding: 6px;
           font-size: 12px;
           margin: 4px;
         }
       } 
    }
    .form_box{
      padding-left: 34px;
      .input3{
        margin-top: 12px;
      }
    }
  
   
  }
  .div_right{
    width: 50%;
    #area_box{
     display: flex;
     flex-wrap:wrap;
     .select2{
       margin-left: 10px;
     }
     .selectItem{
        width: 210px;

       }
       .selectItem2{
        width: 130px;
       }
       .selectItem3{
         width: 350px;
       }
  }
  .area_box{
      display: flex;
      p{
        padding-left: 10px;
        display: block;
      }
      .textarea_box{
        margin-left: 8px;
        box-sizing:border-box;
        width: 282px;
        height: 120px;
        border: 1px solid #D9D9D9;
        }
    }
  }
 
`
export {
  MoTaiKuanStyle,
  DivBox
}